.toasted-container.compatibility-notification
  &.top-right
    right 4vw
  .toasted
    font-weight 400
    width 400px
    background-color $accentColor
    padding 20px 20px
    line-height 1.5
    display block
    box-shadow 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3)
    .action.ripple
      border 1px solid #fff
      color #fff
      float right
      white-space nowrap
      margin 0
    code
      text-decoration underline

@media (max-width: $MQMobile)
  .toasted-container.compatibility-notification
    &.top-right
      right 5vw
    .toasted
      width 80vw